<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" >

	<f:view contentType="text/html">
		
		<h:head>		
			<meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>		
			<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
		
			<link rel="shortcut icon" href="#{request.contextPath}/images/logo_market.ico" type="image/x-icon"/>
					
			<script src="#{request.contextPath}/js/bootstrap.js"></script>
			<link type="text/css" href="#{request.contextPath}/css/bootstrap.css" rel="stylesheet" />
			<link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/style.css" />
			
			<!-- Para los iconos de los botones etc -->
			<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/>
		</h:head>

		<h:body style="">		
			<style>
				.nav{ background-color: #000000; }
				.navbar-default{ background-color: #000000; }
				.navbar-header{ background-color: #000000; }
				.navbar-static-top{ right:0; left:0; }		
			</style>
			
			<div class="navbar navbar-default" role="banner">
				<div class="container">
					<div class="navbar-header">
						<button class="navbar-toggle" data-target=".bs-navbar-collapse" data-toggle="collapse" type="button">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
			
						<div class="container navbar-brand" style="font-size:9px; padding:13px; width:190px;" >
							<div id="header-title" style="margin:0px 0px 0px; vertical-align: middle;">
								<h1 class="animated fadeInDown" style="margin:0px;">Marketplace  <span>G1</span></h1>
								<!-- <p class="animated fadeInLeft">Prototipo | Marketplace Grupo 1 | Tecnologo en Informatica 2013 </p> -->
							</div>
						</div>
				
					</div>
					
					<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
						<ul class="nav navbar-nav navbar-right">

							<li><a href="verReclamosIngresados.xhtml">Listar Reclamos</a></li>
							
							<li><a href="categorias.xhtml">Categorias</a></li>
							
							<li><a href="subcategorias.xhtml">Subcategorias</a></li>

							<li><a href="versionesListar.xhtml">Versiones pendientes</a></li>
							
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">Estadísticas <b class="caret"></b></a>
								<ul class="dropdown-menu animated fadeInUp">
									<li><a href="listaRegistroAcceso.xhtml"><span class="glyphicon glyphicon-list"></span> | Registros de acceso </a></li>
								</ul>
							</li>

							<li class="dropdown" >
							
								<a class="dropdown-toggle" href="#" data-toggle="dropdown">
									<!-- <img class="nav-user-pic img-responsive" alt="" src="img/user.jpg" /> -->
									<h:outputLabel value="#{loginBean.email}" style="margin:0px; color: #6ACEEB;"><b class="caret"></b></h:outputLabel>									
								</a>								
								<div class="dropdown-menu dropdown-profile animated fadeInUp"  style="height:auto;  width:auto;">
									<p:graphicImage value="/Imagenes/Logos/#{loginBean.email}" styleClass="media-object logo pull-left" width="90" height="90" style="margin: 5px;"/>
									<h4>Administrador</h4>
									<h:outputLabel value="#{loginBean.email}" style="font-size:11px;"/>										
									<h:form>
						         		<h:commandLink id="edit" value="Editar " actionListener="#{administradorBean.getModificarAdministrador(loginBean.email)}"
		             							styleClass="btn btn-primary btn-sm" style="float: rigth; margin:5px;">
		             						<span class="glyphicon glyphicon-user"></span>
		             					</h:commandLink>			             					
						         		<h:commandLink id="logout" value="Salir " actionListener="#{loginBean.logout}"
		             							styleClass="btn btn-danger btn-sm" style="float: rigth; margin:5px;">
		             						<span class="glyphicon glyphicon-log-in"></span>
		             					</h:commandLink>             							
           							</h:form>
								</div>
								
							</li>
						</ul>
					<!-- <ul class="nav navbar-nav navbar-right"/> -->
					</nav>					
				</div>
			</div>


			<div class="container">
				<ui:insert name="index"></ui:insert>
				<ui:insert name="adminRegistro"></ui:insert>
				<ui:insert name="adminListar"></ui:insert>
				<ui:insert name="adminModificar"></ui:insert>
				<ui:insert name="categorias"></ui:insert>
				<ui:insert name="subcategorias"></ui:insert>
				<ui:insert name="cdRegistro"></ui:insert>
				<ui:insert name="cdListar"></ui:insert>
				<ui:insert name="versionRegistro"></ui:insert>
				<ui:insert name="registroAcceso"></ui:insert>
				<ui:insert name="versionListar"></ui:insert>
				<ui:insert name="itemsCD"></ui:insert>
				<ui:insert name="graficas"></ui:insert>
				<ui:insert name="listarReclamos"></ui:insert>
			</div>
		
			<div id="footer" style="padding:15px; background-color:#101010; height: 200px;">
				<div class="copyright">
					<!-- <img src="../img/logomarket2.png" style="width:30px"></img> -->
					<span>  Universidad de la Republica | Facultad de Ingenieria  </span> 
					<!-- <span class="glyphicon glyphicon-link"></span> -->
				</div>				
				<div class="copyright">
					<!-- <img src="../img/logomarket2.png" style="width:30px"></img> --> 
					<span>  Administracion Nacional de Educacion Publica | Consejo de Educacion Tecnico Profesional  </span>
					<!-- <span class="glyphicon glyphicon-link"></span> -->
				</div>
				<div class="copyright"> Tecnologo en Informatica | Grupo 1 | 2013 </div>
			</div>

		</h:body>
	</f:view>
</html>
